<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<!--引入图标框架-->
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css" />
	</head>
	<body>
		<span style="font-size: 40px;">
			<i class="fa fa-user"></i>
			<i class="fa fa-lock"></i>
			<i class="fa fa-fire-extinguisher"></i>
			<i class="fa fa-edit"></i>
		</span>
		<button class="layui-btn  layui-btn-warm" style="border-radius: 10px;">按钮</button>
		<hr>
		<button class="layui-btn" style="border-radius: 10px;"><i class="fa fa-edit"></i> 按钮</button>
		<hr>
		<form class="layui-form layui-form-pane">
			<div class="layui-form-item">
				<label class="layui-form-label">用户名</label>
				<div class="layui-input-block">
					<input type="text" name="userName" required lay-verify="required" placeholder="请输入用户名"
						autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">密码</label>
				<div class="layui-input-block">
					<input type="password" name="userPwd" required lay-verify="required" placeholder="请输入密码"
						autocomplete="off" class="layui-input">
				</div>
			</div>
			  <div class="layui-form-item">
			    <label class="layui-form-label">选择框</label>
			    <div class="layui-input-block">
			      <select name="city" lay-verify="required">
			        <option value=""></option>
			        <option value="0">北京</option>
			        <option value="1">上海</option>
			        <option value="2">广州</option>
			        <option value="3">深圳</option>
			        <option value="4">杭州</option>
			      </select>
			    </div>
			  </div>
			    <div class="layui-form-item">
			      <label class="layui-form-label">复选框</label>
			      <div class="layui-input-block">
			        <input type="checkbox" name="like[write]" title="写作">
			        <input type="checkbox" name="like[read]" title="阅读" checked>
			        <input type="checkbox" name="like[dai]" title="发呆">
			      </div>
			    </div>
			  <div class="layui-form-item">
			    <div class="layui-input-block">
			      <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
			      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
			    </div>
			  </div>
		</form>
	</body>
	<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
</html>
